﻿<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Anh Nguyen" />
    <meta charset="utf-8"/> 
    <link href="@Url.Content("~/Content/maps")/css/style.css" rel="stylesheet" />
    <link href="@Url.Content("~/Content/maps")/js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" />
    <link href="@Url.Content("~/Content/maps")/css/iCheck/square/yellow.css" rel="stylesheet" />
    <script type="text/javascript" src="@Url.Content("~/Content/maps")/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/maps")/js/jquery.nicescroll.js"></script>
	<title>4F MAP</title>
</head>
<body>

<div class="obj-loading">
    <div class="curtainLeft"></div>
    <div class="curtainRight"></div>
    <div class="loading">
        <div class="bg-yellow">
            <div class="text">4F MAP</div>
            <div class="ico-process"></div>
        </div>
    </div>
</div>

<!--Main-->
<div class="main">
    
    <!--Header-->
    <div class="header">
        <a class="click" href="#contest">
            <div class="h-logo left">
                <div class="img left"></div>
                <div class="text left">4F MAP</div>
            </div>
        </a>
        
        <ul class="h-nav left">
            <li class="item active" data-type="contest">
                <a href="#/contest">
                    MAP CONTEST
                </a>
            </li>
            <li class="item" data-type="place">
                <a href="#/place">
                    MAP PLACE
                </a>
            </li>
            <div class="clearAll"></div>
        </ul>
        
        <marquee class="left" behavior="slide" direction="left" scrollamount="5">
            Hãy tham gia cuộc thi đầy thú vị và nhận ngay những phần quà hấp dẫn !!!
        </marquee>
        
        <div class="h-profile right">
            <div class="hp-show">
                <img class="avatar left" src="@Url.Content("~/Content/maps")/demo/avatar.jpg" title="Ảnh đại diện" alt="avatar" />
                <div class="text left">onepro166</div>
                <div class="clearAll"></div>
            </div>
            <ul class="hp-hide display-none">
                <li><a href="#">Cập nhật</a></li>
                <li><a href="#">Lịch sử</a></li>
                <li><a href="#">Cài đặt</a></li>
            </ul>
        </div>
    </div>
    <!--End Header-->
    
    <!--Content-->
    <div class="content wraper">
        @RenderBody()
        <!--Load nội dung ở đây--!>
    </div>
    <!--End Content-->
    
    <!--Processing-->
    <div class="ajax-processing wraper">
    <!--End Processing-->
     
    </div>
</div>
<!--End Main-->

<!--Script-->
<div class="info" style="display: none;">
    <h4 class="name">{{name}}</h4>
    <div class="address">{{vicinity}}</div>
    <div class="list-button">
        <div id="GO" class="btn btn-danger">Đã đến</div>
        <div id="FAV" class="btn">Yêu thích</div>
    </div>
</div>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>
<script type="text/javascript"> Path = $('.info').html(); </script>
<script type="text/javascript"> Path_Url = "@Url.Content("~/")"; </script>
<script type="text/javascript"> Path_Folder = "@Url.Content("~/Content/maps/")"; </script>
<script type="text/javascript" src="@Url.Content("~/Content/maps")/js/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="@Url.Content("~/Content/maps")/js/jquery.geocomplete.js"></script>
<script type="text/javascript" src="@Url.Content("~/Content/maps")/js/WhatsNearby.js"></script>
<script type="text/javascript" src="@Url.Content("~/Content/maps")/js/icheck.js"></script>
<script type="text/javascript" src="@Url.Content("~/Content/maps")/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="@Url.Content("~/Content/maps")/js/main.js"></script>
</body>
</html>